<template>
  <el-dialog
    v-model="props.bufferFlag"
    title="居民区"
    width="40%"
    :modal="false"
    draggable
    @close="closedBuffer"
  >
    <el-table :data="areaList" style="width: 100%" height="200">
      <el-table-column prop="name" label="小区名称" />
      <el-table-column prop="tel" label="物业电话" />
    </el-table>
  </el-dialog>
</template>
<script setup>
//接收居民区数据
const props = defineProps(["areaList", "bufferFlag"])
const emit=defineEmits(["close-buffer"])
function closedBuffer() {
  emit("close-buffer")
}
</script>
<style scoped></style>
